<script>
import Slots from "./components/Slots.vue";

export default {
  components: {
    Slots
  }
}
</script>

<template>
  <!-- 父元素向子元素传递数据是传递到了 props，已经可以传递大部分类型的内容 -->
  <!-- 但还可以传递模板，在子组件的两个标签内部写要传递的模板内容，然后在子组件使用 slot 标签进行出口 -->
  <Slots>
    <!--  在这里写要传递给子组件的模板内容  -->
    <hr>
    <h3>以下（包括本条）是从父组件传递过来的模板内容</h3>
    <p>
      雨滴敲打着相机镜头，林远皱了皱眉，将设备收回包里。连续三天的阴雨让他的城市摄影计划一再推迟，心情也跟着天气一起发霉。</p>
    <p>
      转角处，一抹明亮的色彩吸引了他的注意。那是一家小小的花店，橱窗里摆着精心设计的插花作品，在灰蒙蒙的街道上像一幅突然出现的油画。林远不由自主地推开了挂着风铃的玻璃门。</p>
    <p>"欢迎光临晴天花坊。"一个轻柔的女声从花丛后传来。</p>
    <p>
      林远抬头，看见一个穿着浅绿色围裙的女孩正踮着脚整理高处的花架。她转过身时，一缕阳光恰好透过云层照进店里，落在她手中的白色小雏菊上。</p>
    <p>"需要什么花吗？"她微笑着问，眼睛弯成好看的月牙形。</p>
    <p>林远突然忘了自己为什么进来。"我...只是路过。"他有些尴尬地摸了摸鼻子，"您的橱窗布置很特别。"</p>
    <p>"谢谢。"她将雏菊插入一个素雅的陶瓷瓶中，"我喜欢把花当作画布上的颜料来搭配。"</p>
    <p>"就像摄影中的构图。"林远脱口而出，然后惊讶于自己竟然会和一个陌生人讨论这个。</p>
    <p>女孩的眼睛亮了起来，"你也是摄影师？"</p>
    <p>"业余爱好。"林远指了指自己胸前的相机，"我叫林远。"</p>
    <p>"苏雨晴。"她擦了擦手，伸向他，"这家店的名字就是从我的名字来的。"</p>
    <p>
      他们的手短暂相触，林远注意到她的指尖有细小的划痕，大概是花刺留下的痕迹。一种奇异的熟悉感涌上心头，仿佛他们曾在某个阳光明媚的下午讨论过艺术与花朵。</p>
    <p>"你的插花风格..."林远犹豫着寻找合适的词，"很像我一直在尝试拍摄的感觉。那种...不完美的完美。"</p>
    <p>苏雨晴惊讶地眨了眨眼，"这正是我想表达的！每朵花都有它独特的姿态，不需要完全对称或整齐才美丽。"</p>
    <p>他们相视而笑，像是找到了共同语言的异乡人。</p>
    <p>雨突然下大了，敲打屋顶的声音变得急促。苏雨晴惊呼一声，"我的花！"店外几盆刚到的鲜花还摆在人行道上。</p>
    <p>
      林远二话不说冲了出去，和苏雨晴一起将花盆搬进店里。雨水打湿了他的衬衫，苏雨晴的发梢也滴着水珠，两人却莫名其妙地笑了起来。</p>
    <p>"谢谢你。"苏雨晴递给他一条毛巾，"第一次见面就让你淋雨。"</p>
    <p>"值得。"林远擦着头发，目光落在她湿润的睫毛上，"为了认识一个懂艺术的花店老板。"</p>
    <p>
      苏雨晴脸微微泛红，转身整理那些被救回来的花。"如果你需要摄影灵感，随时欢迎来店里。花朵是最好的模特，永远不会抱怨你拍得不好。"</p>
    <p>"其实..."林远鼓起勇气，"我在想，也许你会愿意当我的模特？你的插花和...嗯，你本人，都很适合我想尝试的一个系列。"</p>
    <p>苏雨晴手中的剪刀停顿了一下，"我？"</p>
    <p>"对，就是你。"林远突然无比确定，"不需要刻意摆姿势，就像你平时插花的样子就好。"</p>
    <p>
      雨声渐小，阳光重新探出头来，穿过水滴未干的玻璃窗，在店内投下彩虹般的光影。苏雨晴站在那片光影中，宛如一幅活过来的画。</p>
    <p>"好啊。"她最终点头，嘴角扬起一抹羞涩的微笑，"不过有个条件。"</p>
    <p>"什么条件？"</p>
    <p>"你得教我摄影。我一直想学，但总拍不好。"</p>
    <p>林远笑了，"成交。也许我们可以一起办个展览，你的花艺和我的照片。"</p>
    <p>"'花间影'？"苏雨晴提议。</p>
    <p>"完美。"林远举起相机，捕捉下她站在花丛中的第一个瞬间。</p>
    <p>门外，雨过天晴，街道上行人匆匆，没人注意到这家小花店里，两颗孤独的心正在悄然靠近。</p>
  </Slots>
</template>

<style scoped></style>